<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>FAQ | vuepress-theme-reco</title>
    <meta name="generator" content="VuePress 1.7.1">
    <link rel="icon" href="/favicon.ico">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" href="/icon_vuepress_reco.png">
    <link rel="mask-icon" href="/icon_vuepress_reco.svg" color="#42b983">
    <meta name="description" content="A simple and beautiful vuepress Blog & Doc theme.">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name="author" content="reco_luan">
    <meta name="keywords" content="vuepress,reco,reco_luan,vuepress-reco,vuepress-theme-reco,theme,blog,主题">
    <meta name="theme-color" content="#42b983">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileImage" content="/icon_vuepress_reco.png">
    <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/assets/css/0.styles.375ac6ca.css" as="style"><link rel="preload" href="/assets/js/app.ee497890.js" as="script"><link rel="preload" href="/assets/js/6.2c23b45d.js" as="script"><link rel="preload" href="/assets/js/1.0b8c7b71.js" as="script"><link rel="preload" href="/assets/js/59.7677da04.js" as="script"><link rel="preload" href="/assets/js/20.1ca19584.js" as="script"><link rel="prefetch" href="/assets/js/10.be926bee.js"><link rel="prefetch" href="/assets/js/100.e02486fa.js"><link rel="prefetch" href="/assets/js/101.3da7b6a6.js"><link rel="prefetch" href="/assets/js/102.998c9f5d.js"><link rel="prefetch" href="/assets/js/103.dbfb30aa.js"><link rel="prefetch" href="/assets/js/104.0702d3a0.js"><link rel="prefetch" href="/assets/js/105.2dfbb36f.js"><link rel="prefetch" href="/assets/js/106.4e18c125.js"><link rel="prefetch" href="/assets/js/107.e3c7bfac.js"><link rel="prefetch" href="/assets/js/108.3a82a647.js"><link rel="prefetch" href="/assets/js/109.06725f12.js"><link rel="prefetch" href="/assets/js/11.cf684a54.js"><link rel="prefetch" href="/assets/js/110.753d21b3.js"><link rel="prefetch" href="/assets/js/111.23d1168a.js"><link rel="prefetch" href="/assets/js/112.4d830ac4.js"><link rel="prefetch" href="/assets/js/113.99cd1eee.js"><link rel="prefetch" href="/assets/js/114.59b2099d.js"><link rel="prefetch" href="/assets/js/115.ea7ac84a.js"><link rel="prefetch" href="/assets/js/116.26c98203.js"><link rel="prefetch" href="/assets/js/12.4d148981.js"><link rel="prefetch" href="/assets/js/13.a0f666c5.js"><link rel="prefetch" href="/assets/js/14.bdbab8ec.js"><link rel="prefetch" href="/assets/js/15.f7c3de28.js"><link rel="prefetch" href="/assets/js/16.c0bb15ed.js"><link rel="prefetch" href="/assets/js/17.59825a83.js"><link rel="prefetch" href="/assets/js/18.7f6e5ed6.js"><link rel="prefetch" href="/assets/js/19.816d26de.js"><link rel="prefetch" href="/assets/js/2.3b4d4534.js"><link rel="prefetch" href="/assets/js/21.e6d32c6e.js"><link rel="prefetch" href="/assets/js/22.c4982202.js"><link rel="prefetch" href="/assets/js/23.cac4da43.js"><link rel="prefetch" href="/assets/js/24.8f87f52f.js"><link rel="prefetch" href="/assets/js/25.b3ed92b1.js"><link rel="prefetch" href="/assets/js/26.74889847.js"><link rel="prefetch" href="/assets/js/27.077e98bc.js"><link rel="prefetch" href="/assets/js/28.8c75eca9.js"><link rel="prefetch" href="/assets/js/29.4d2c1ec6.js"><link rel="prefetch" href="/assets/js/30.550aec28.js"><link rel="prefetch" href="/assets/js/31.8d90df0c.js"><link rel="prefetch" href="/assets/js/32.0300fceb.js"><link rel="prefetch" href="/assets/js/33.da25ab20.js"><link rel="prefetch" href="/assets/js/34.6d515f54.js"><link rel="prefetch" href="/assets/js/35.eea26708.js"><link rel="prefetch" href="/assets/js/36.199f87de.js"><link rel="prefetch" href="/assets/js/37.214414e1.js"><link rel="prefetch" href="/assets/js/38.80d1f8ef.js"><link rel="prefetch" href="/assets/js/39.10dc3440.js"><link rel="prefetch" href="/assets/js/40.13ddb158.js"><link rel="prefetch" href="/assets/js/41.f505b5f9.js"><link rel="prefetch" href="/assets/js/42.8adb293b.js"><link rel="prefetch" href="/assets/js/43.48ed241c.js"><link rel="prefetch" href="/assets/js/44.a2f33893.js"><link rel="prefetch" href="/assets/js/45.fbd4cf01.js"><link rel="prefetch" href="/assets/js/46.50ccafe9.js"><link rel="prefetch" href="/assets/js/47.635a6220.js"><link rel="prefetch" href="/assets/js/48.54e67ea0.js"><link rel="prefetch" href="/assets/js/49.fe6d77bc.js"><link rel="prefetch" href="/assets/js/50.44ac8751.js"><link rel="prefetch" href="/assets/js/51.72baffbd.js"><link rel="prefetch" href="/assets/js/52.289c6303.js"><link rel="prefetch" href="/assets/js/53.d907701e.js"><link rel="prefetch" href="/assets/js/54.f503afad.js"><link rel="prefetch" href="/assets/js/55.2fca0a82.js"><link rel="prefetch" href="/assets/js/56.bcfaacba.js"><link rel="prefetch" href="/assets/js/57.ce2055d6.js"><link rel="prefetch" href="/assets/js/58.c67ceba4.js"><link rel="prefetch" href="/assets/js/60.60cb47ea.js"><link rel="prefetch" href="/assets/js/61.5f863417.js"><link rel="prefetch" href="/assets/js/62.931ad247.js"><link rel="prefetch" href="/assets/js/63.5271b168.js"><link rel="prefetch" href="/assets/js/64.cba02a83.js"><link rel="prefetch" href="/assets/js/65.b996490b.js"><link rel="prefetch" href="/assets/js/66.ddbf05c1.js"><link rel="prefetch" href="/assets/js/67.c5050aa0.js"><link rel="prefetch" href="/assets/js/68.5fc03618.js"><link rel="prefetch" href="/assets/js/69.7f8b4ccd.js"><link rel="prefetch" href="/assets/js/7.b8d8a87c.js"><link rel="prefetch" href="/assets/js/70.c35e5e37.js"><link rel="prefetch" href="/assets/js/71.2590ca68.js"><link rel="prefetch" href="/assets/js/72.1315c6e8.js"><link rel="prefetch" href="/assets/js/73.9300a291.js"><link rel="prefetch" href="/assets/js/74.1fa05d01.js"><link rel="prefetch" href="/assets/js/75.dd1b2668.js"><link rel="prefetch" href="/assets/js/76.6284fc11.js"><link rel="prefetch" href="/assets/js/77.b7486c48.js"><link rel="prefetch" href="/assets/js/78.bc9869f1.js"><link rel="prefetch" href="/assets/js/79.62b20acc.js"><link rel="prefetch" href="/assets/js/8.f55c941b.js"><link rel="prefetch" href="/assets/js/80.a77eae06.js"><link rel="prefetch" href="/assets/js/81.44a3414f.js"><link rel="prefetch" href="/assets/js/82.eeb6afdd.js"><link rel="prefetch" href="/assets/js/83.af5ac4c8.js"><link rel="prefetch" href="/assets/js/84.6385f33b.js"><link rel="prefetch" href="/assets/js/85.3a290e97.js"><link rel="prefetch" href="/assets/js/86.67492d49.js"><link rel="prefetch" href="/assets/js/87.555401fe.js"><link rel="prefetch" href="/assets/js/88.c621fb8f.js"><link rel="prefetch" href="/assets/js/89.24bdc4b0.js"><link rel="prefetch" href="/assets/js/9.fb059d07.js"><link rel="prefetch" href="/assets/js/90.40012884.js"><link rel="prefetch" href="/assets/js/91.fc2a6af5.js"><link rel="prefetch" href="/assets/js/92.efc20c19.js"><link rel="prefetch" href="/assets/js/93.cb770b2d.js"><link rel="prefetch" href="/assets/js/94.2f84676c.js"><link rel="prefetch" href="/assets/js/95.3e7f8817.js"><link rel="prefetch" href="/assets/js/96.918b5365.js"><link rel="prefetch" href="/assets/js/97.a9cd312c.js"><link rel="prefetch" href="/assets/js/98.c6bf975a.js"><link rel="prefetch" href="/assets/js/99.47508085.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.3b7e11a5.js"><link rel="prefetch" href="/assets/js/vendors~flowchart.c31b7827.js">
    <link rel="stylesheet" href="/assets/css/0.styles.375ac6ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar" data-v-1156296a><div data-v-1156296a><div id="loader-wrapper" class="loading-wrapper" data-v-d48f4d20 data-v-1156296a data-v-1156296a><div class="loader-main" data-v-d48f4d20><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div></div> <!----> <!----></div> <div class="password-shadow password-wrapper-out" style="display:none;" data-v-4e82dffc data-v-1156296a data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>vuepress-theme-reco</h3> <p class="description" data-v-4e82dffc data-v-4e82dffc>A simple and beautiful vuepress Blog &amp; Doc theme.</p> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>reco_luan</span>
            
          <span data-v-4e82dffc>2017 - </span>
          2021
        </a></span></div></div> <div class="hide" data-v-1156296a><header class="navbar" data-v-1156296a><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/en/" class="home-link router-link-active"><!----> <span class="site-name">vuepress-theme-reco</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <div class="search-box"><i class="iconfont reco-search"></i> <input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
      语言
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/views/other/question.html" class="nav-link"><i class="undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask" data-v-1156296a></div> <aside class="sidebar" data-v-1156296a><div class="personal-info-wrapper" data-v-828910c6 data-v-1156296a><img src="/head.png" alt="author-avatar" class="personal-img" data-v-828910c6> <h3 class="name" data-v-828910c6>
    reco_luan
  </h3> <div class="num" data-v-828910c6><div data-v-828910c6><h3 data-v-828910c6>91</h3> <h6 data-v-828910c6>Articles</h6></div> <div data-v-828910c6><h3 data-v-828910c6>4</h3> <h6 data-v-828910c6>Tags</h6></div></div> <ul class="social-links" data-v-828910c6></ul> <hr data-v-828910c6></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
      语言
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/views/other/question.html" class="nav-link"><i class="undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-4e82dffc data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>FAQ</h3> <!----> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>reco_luan</span>
            
          <span data-v-4e82dffc>2017 - </span>
          2021
        </a></span></div></div> <div data-v-1156296a><main class="page"><section><div class="page-title"><h1 class="title">FAQ</h1> <div data-v-1ff7123e><i class="iconfont reco-account" data-v-1ff7123e><span data-v-1ff7123e>reco_luan</span></i> <i class="iconfont reco-date" data-v-1ff7123e><span data-v-1ff7123e>4/13/2019</span></i> <i class="iconfont reco-eye" data-v-1ff7123e><span id="/en/views/other/question.html" data-flag-title="Your Article Title" class="leancloud-visitors" data-v-1ff7123e><a class="leancloud-visitors-count" style="font-size:.9rem;font-weight:normal;color:#999;"></a></span></i> <!----></div></div> <div class="theme-reco-content content__default"><div class="custom-block tip"><p class="title"></p><p>We have collected some usual questions here. If you don't find the answer you want here, please read <code>VuePress</code>' <a href="https://v1.vuepress.vuejs.org/theme/default-theme-config.html" target="_blank" rel="noopener noreferrer">default theme config<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>. As final resort, you could post an <a href="https://github.com/vuepress-reco/vuepress-theme-reco/issues" target="_blank" rel="noopener noreferrer">issue on GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.</p> <p>Please note that this theme includes almost all features from <code>VuePress</code>' default theme. Thus, this FAQ only serves to introduce extra features. If you've found some features this site hasn't mentioned, or you want to know some features in default theme, please go to the <a href="https://v1.vuepress.vuejs.org/theme/default-theme-config.html" target="_blank" rel="noopener noreferrer">official documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.</p></div><h2 id="_1-how-to-add-icon-font"><a href="#_1-how-to-add-icon-font" class="header-anchor">#</a> 1. How to Add <code>icon-font</code>?</h2> <ol><li>Put font files under <code>public</code> folder, then in <code>enhanceApp.js</code> import the css file among the font files.</li> <li>If your <code>icon</code>'s full <code>className</code> is <code>class=&quot;iconfont icon-myIcon&quot;</code>, configure <code>icon-font</code> as <code>{ text: 'Home', link: '/', icon: 'iconfont icon-myIcon' }</code>.</li></ol> <h2 id="_2-how-to-show-abstract"><a href="#_2-how-to-show-abstract" class="header-anchor">#</a> 2. How to Show Abstract?</h2> <p>Anything above <code>&lt;!-- more --&gt;</code> is the abstract.</p> <div class="demo-wrap"><div class="demo-nav"><i class="demo-nav-btn"><svg t="1572515960134" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1097" width="20" height="20" class="icon"><path d="M888 64H136q-30.016 0-51.008 20.992T64 136v752.992q0 28.992 20.992 50.496t51.008 21.504h752.992q28.992 0 50.496-21.504t21.504-50.496V136q0-30.016-21.504-51.008T888 64zM228.992 548.992q-15.008 0-25.504-10.496t-10.496-25.504 10.016-26.016l115.008-115.008-115.008-116.992q-10.016-11.008-10.016-25.504t10.496-24.992 25.504-10.496 24.992 10.016l140.992 142.016q10.016 11.008 10.016 26.016t-11.008 24.992l-140 140.992q-10.016 11.008-24.992 11.008z m389.024 0l-199.008-0.992q-15.008 0-25.504-10.496T383.008 512t10.496-25.504 25.504-10.496l199.008 0.992q15.008 0 25.504 10.496t10.496 25.504-11.008 25.504-24.992 10.496z" p-id="1098"></path></svg></i> <i class="demo-icon-arrow active"><svg t="1572587847226" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3297" width="16" height="16" class="icon"><path d="M830.687738 603.071182c0 9.614985-3.933589 17.949814-11.799744 25.007557-7.867178 7.05672-17.222243 10.56052-28.065196 10.512425L232.716714 638.591163c-10.789741 0-20.144806-3.5038-28.064172-10.512425-7.919367-7.009647-11.852956-15.344476-11.799744-25.007557 0.053212-9.660011 3.986801-17.996886 11.799744-25.00551l279.05253-248.641917c7.867178-7.009647 17.22122-10.513448 28.065196-10.513448 10.842952 0 20.196994 3.504824 28.064172 10.513448l279.05253 248.641917C826.754149 585.074296 830.687738 593.411171 830.687738 603.071182z" p-id="3298"></path></svg></i></div> <div class="demo-code"><div class="demo-code-nav"><button class="demo-code-btn active">Markdown</button></div> <div class="demo-code-content"><div class="demo-code-item"><div class="language-md extra-class"><pre class="language-md"><code><span class="token hr punctuation">---</span>
title: Abstract
<span class="token title important">date: 2019-11-01
<span class="token punctuation">---</span></span>

Stuff here will be shown as abstract.

<span class="token list punctuation">1.</span> can put text here
<span class="token list punctuation">2.</span> can put a photo here as post cover

<span class="token comment">&lt;!-- more --&gt;</span>

This is the main body of the post
</code></pre></div></div> <i class="demo-code-content-copy"><svg t="1572585974849" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1695" width="20" height="20" class="icon" style="fill:#fff;"><path d="M866.461538 39.384615H354.461538c-43.323077 0-78.769231 35.446154-78.76923 78.769231v39.384616h472.615384c43.323077 0 78.769231 35.446154 78.769231 78.76923v551.384616h39.384615c43.323077 0 78.769231-35.446154 78.769231-78.769231V118.153846c0-43.323077-35.446154-78.769231-78.769231-78.769231z m-118.153846 275.692308c0-43.323077-35.446154-78.769231-78.76923-78.769231H157.538462c-43.323077 0-78.769231 35.446154-78.769231 78.769231v590.769231c0 43.323077 35.446154 78.769231 78.769231 78.769231h512c43.323077 0 78.769231-35.446154 78.76923-78.769231V315.076923z m-354.461538 137.846154c0 11.815385-7.876923 19.692308-19.692308 19.692308h-157.538461c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h157.538461c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z m157.538461 315.076923c0 11.815385-7.876923 19.692308-19.692307 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h315.076923c11.815385 0 19.692308 7.876923 19.692307 19.692308v39.384615z m78.769231-157.538462c0 11.815385-7.876923 19.692308-19.692308 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h393.846153c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z" p-id="1696"></path></svg></i> <!----></div></div> <div class="demo-main"><!----></div></div> <h2 id="_3-can-the-footer-of-home-page-be-customized"><a href="#_3-can-the-footer-of-home-page-be-customized" class="header-anchor">#</a> 3. Can the Footer of Home Page Be Customized?</h2> <p>Sorry, you can't.</p> <h2 id="_4-on-the-home-page-how-to-set-the-avatar-in-infobar-on-the-right-and-the-icon-in-navbar-on-the-left"><a href="#_4-on-the-home-page-how-to-set-the-avatar-in-infobar-on-the-right-and-the-icon-in-navbar-on-the-left" class="header-anchor">#</a> 4. On the Home Page, How to Set the Avatar in Infobar on the Right and the Icon in Navbar on the Left?</h2> <p>The avatar in infobar on the right is configured by <code>themeConfig.authorAvatar</code> in <code>.vuepress/config.js</code>:</p> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// .vuepress/config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  themeConfig<span class="token operator">:</span> <span class="token punctuation">{</span>
    authorAvatar<span class="token operator">:</span> <span class="token string">'/avatar.png'</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>The icon in navbar on the left is configured by <code>themeConfig.logo</code> in <code>.vuepress/config.js</code>:</p> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// .vuepress/config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  themeConfig<span class="token operator">:</span> <span class="token punctuation">{</span>
    logo<span class="token operator">:</span> <span class="token string">'/head.png'</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>Moreover, don't forget to put your pictures in <code>.vuepress/public/</code>.</p> <h2 id="_5-is-there-any-rule-to-where-to-put-my-blogs"><a href="#_5-is-there-any-rule-to-where-to-put-my-blogs" class="header-anchor">#</a> 5. Is There Any Rule to Where to Put My Blogs?</h2> <p>You could put your blogs anywhere, but have to make sure they are places VuePress could parse. For example, if your command is <code>vuepress dev docs</code>, then position your blogs under <code>docs/</code>. Our theme doesn't force you to put under a specific subdirectory, and you could specify that yourself. Please see <a href="https://vuepress.vuejs.org/guide/directory-structure.html" target="_blank" rel="noopener noreferrer">this documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> for more info on directory structure.</p> <h2 id="_6-how-doesn-t-the-sidebar-show-h1-title"><a href="#_6-how-doesn-t-the-sidebar-show-h1-title" class="header-anchor">#</a> 6. How Doesn't the Sidebar Show <code>h1</code> Title?</h2> <p>In <code>vuepress-theme-reco</code>, Please forgot <code>h1</code> and instead use <a href="https://vuepress.vuejs.org/guide/frontmatter.html#alternative-frontmatter-formats" target="_blank" rel="noopener noreferrer"><code>frontmatter</code><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> for the title and other article metadata. The main body starts from <code>h2</code>.</p> <h2 id="_7-how-to-solve-the-issue-of-showing-comments-in-version-1-1-0"><a href="#_7-how-to-solve-the-issue-of-showing-comments-in-version-1-1-0" class="header-anchor">#</a> 7. How to Solve the Issue of Showing Comments in Version <code>1.1.0</code>?</h2> <p>This has been solved in version 1.1.0`.</p> <h2 id="_8-how-to-customize-the-comment-section"><a href="#_8-how-to-customize-the-comment-section" class="header-anchor">#</a> 8. How to Customize the Comment Section?</h2> <p><code>VuePress</code> allows you to add styles for your website in <code>.vuepress/styles/index.styl</code>. You could change almost all styles of the theme (including the comment section). Please see <a href="https://vuepress.vuejs.org/config/#index-styl" target="_blank" rel="noopener noreferrer">this documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> for more info on how to add extra styles.</p> <h2 id="_9-is-the-click-to-zoom-feature-supported"><a href="#_9-is-the-click-to-zoom-feature-supported" class="header-anchor">#</a> 9. Is the Click-to-Zoom feature Supported?</h2> <p>In version <code>1.1.1</code>, the theme has set <code>@vuepress/medium-zoom</code> as a built-in plugin, which enables the click-to-zoom feature. Please see <a href="/en/views/plugins/#built-in-plugins-in-our-theme">The Theme's Built-in Plugins</a> for more details.</p> <h2 id="_10-what-if-the-plugin-or-theme-doesn-t-work"><a href="#_10-what-if-the-plugin-or-theme-doesn-t-work" class="header-anchor">#</a> 10. What If the Plugin or Theme Doesn't Work?</h2> <div class="custom-block tip"><p class="title"></p><p>Since configuration and usage of theme and plugin are quite similar (<code>theme/index.js</code> is also a plugin in <code>VuePress</code>), the word &quot;plugin&quot; is used in place of &quot;plugin or theme&quot;.</p></div><p>Please follow these steps to check:</p> <ol><li>see if the plugin has been loaded in the compilation output info in terminal</li></ol> <ul><li>if plugin is not loaded, please check if <code>config.js</code> is customized correctly</li> <li>if plugin is loaded with error, please check if it has been downloaded and installed</li> <li>if plugin still can't be loaded after being downloaded and installed, please delete <code>node-modules/</code> and reinstall dependencies (<code>yarn</code> is recommended over <code>npm</code>)</li></ul> <ol start="2"><li>if the plugin affects the frontend, please check if the console reports any error and debug accordingly</li> <li>check the <code>options</code> supported in the documentation and reconfigure <code>config.js</code></li> <li>search for similar <code>issues and solutions</code> in the project or community of the plugin</li></ol></div></section> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/vuepress-reco/vuepress-reco.github.io/edit/gh-pages-source/docs/en/views/other/question.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated: </span> <span class="time">10/29/2020, 12:43:18 AM</span></div></footer> <!----> <div class="comments-wrapper" style="display:none;"><!----></div> <ul class="side-bar sub-sidebar-wrapper" style="width:12rem;" data-v-70334359><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_1-how-to-add-icon-font" class="sidebar-link reco-side-_1-how-to-add-icon-font" data-v-70334359>1. How to Add icon-font?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_2-how-to-show-abstract" class="sidebar-link reco-side-_2-how-to-show-abstract" data-v-70334359>2. How to Show Abstract?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_3-can-the-footer-of-home-page-be-customized" class="sidebar-link reco-side-_3-can-the-footer-of-home-page-be-customized" data-v-70334359>3. Can the Footer of Home Page Be Customized?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_4-on-the-home-page-how-to-set-the-avatar-in-infobar-on-the-right-and-the-icon-in-navbar-on-the-left" class="sidebar-link reco-side-_4-on-the-home-page-how-to-set-the-avatar-in-infobar-on-the-right-and-the-icon-in-navbar-on-the-left" data-v-70334359>4. On the Home Page, How to Set the Avatar in Infobar on the Right and the Icon in Navbar on the Left?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_5-is-there-any-rule-to-where-to-put-my-blogs" class="sidebar-link reco-side-_5-is-there-any-rule-to-where-to-put-my-blogs" data-v-70334359>5. Is There Any Rule to Where to Put My Blogs?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_6-how-doesn-t-the-sidebar-show-h1-title" class="sidebar-link reco-side-_6-how-doesn-t-the-sidebar-show-h1-title" data-v-70334359>6. How Doesn't the Sidebar Show h1 Title?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_7-how-to-solve-the-issue-of-showing-comments-in-version-1-1-0" class="sidebar-link reco-side-_7-how-to-solve-the-issue-of-showing-comments-in-version-1-1-0" data-v-70334359>7. How to Solve the Issue of Showing Comments in Version 1.1.0?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_8-how-to-customize-the-comment-section" class="sidebar-link reco-side-_8-how-to-customize-the-comment-section" data-v-70334359>8. How to Customize the Comment Section?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_9-is-the-click-to-zoom-feature-supported" class="sidebar-link reco-side-_9-is-the-click-to-zoom-feature-supported" data-v-70334359>9. Is the Click-to-Zoom feature Supported?</a></li><li class="level-2" data-v-70334359><a href="/en/views/other/question.html#_10-what-if-the-plugin-or-theme-doesn-t-work" class="sidebar-link reco-side-_10-what-if-the-plugin-or-theme-doesn-t-work" data-v-70334359>10. What If the Plugin or Theme Doesn't Work?</a></li></ul></main> <!----></div></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-c6073ba8 data-v-c6073ba8><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-c6073ba8><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-c6073ba8></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-c6073ba8></path></svg></div><!----><!----></div></div>
    <script src="/assets/js/app.ee497890.js" defer></script><script src="/assets/js/6.2c23b45d.js" defer></script><script src="/assets/js/1.0b8c7b71.js" defer></script><script src="/assets/js/59.7677da04.js" defer></script><script src="/assets/js/20.1ca19584.js" defer></script>
  </body>
</html>
